<template>
	<div class="login-container flx-center">
		<div class="login-box">
			<div class="login-form">
				<div class="login-logo">
					<a-tabs v-model:activeKey="activeKey"  size="large">
 					  <a-tab-pane key="1" tab="手机号验证">
						
					  </a-tab-pane>
 					  <a-tab-pane key="2" tab="账号登陆" force-render>
						<LoginForm />
					  </a-tab-pane>
 					  <a-tab-pane key="3" tab="扫码登录">Content of Tab Pane 3</a-tab-pane>
 					</a-tabs>
				</div>
				
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="login">
import LoginForm from "./components/LoginForm.vue";
import { ref } from 'vue';
const activeKey = ref('1');
</script>

<style scoped lang="less">
@import url("./index.less");
</style>
